<!DOCTYPE html>
<meta charset="UTF-8">
<div style="margin: 10px 0;">
	<a href="javascript:void(0)" data-type="button" onclick="$('#wf').window('open')">打开</a>
	<a href="javascript:void(0)" data-type="button" onclick="$('#wf').window('close')">关闭</a>
</div>
<div id="wf" data-type="window" title="复杂窗口" data-define="" style="width: 600px; height: 300px; padding: 5px;">
	<div data-type="layout" data-define="fit:true">
		<div data-define="region:'east',split:true,border:true" style="width: 100px">弹出窗口中布局演示</div>
		<div data-define="region:'center',border:true" style="padding: 10px;">弹出窗口中布局演示</div>
		<div data-define="region:'south',border:true" style="text-align: right; height: 30px; padding: 0px 0 0;">
			<a data-type="button" data-define="iconCls:'icon-ok'" href="javascript:void(0)"
				onclick="javascript:alert('确定')">确定</a>
			<a data-type="button" data-define="iconCls:'icon-cancel'" href="javascript:void(0)"
				onclick="javascript:alert('取消')">取消</a>
		</div>
	</div>
</div>
